<template>
	<div class="memberMessage">
		<div>
			<el-button type="info">取消</el-button>
			<el-button type="primary">保存</el-button>
			<el-button type="success">新增</el-button>
			<el-button type="danger">删除</el-button>
			<el-button type="warning">更新</el-button>
			<el-input type="text" placeholder="查询其他会员资料" v-model="otherNum" style="width:200px; margin-left:100px;"></el-input>
			<el-button type="primary" @click="search">查询</el-button>
		</div>
		<div class="top_msg">
			<span class="item2">
				<span class="item2_word">会员编号/姓名：</span>
				<span class="item2_input">00001234/张三</span>
			</span>
			<span class="item2">
				<span class="item2_word">加入日期：</span>
				<span class="item2_input">2012-1-1</span>
			</span>
			<span class="item2">
				<span class="item2_word">最高/当前级别：</span>
				<span class="item2_input">9/7</span>
			</span>
			<span class="item2">
				<span class="item2_word">所属分公司：</span>
				<span class="item2_input">广东分公司</span>
			</span>
			<span class="item2">
				<span class="item2_word">最近购货日期：</span>
				<span class="item2_input">2018-7-1</span>
			</span>
			<span class="item2">
				<span class="item2_word">资格状态：</span>
				<span class="item2_input">正常</span>
			</span>
			<span class="item2">
				<span class="item2_word">介绍人编号/姓名：</span>
				<span class="item2_input">00001478/李四</span>
		  	</span>
			<span class="item2">
				<span class="item2_word">VIP卡有效日期</span>
				<span class="item2_input">2020-01-01</span>
			</span>
			<span class="item2">
				<span class="item2_word">发放状态</span>
				<span class="item2_input">正常</span>
			</span>
			<span class="item2">
				<span class="item2_word">服务中心编号</span>
				<span class="item2_input">12345678</span>
			</span>
			<span class="item2">
				<span class="item2_word">VIP卡取消日期</span>
				<span class="item2_input">2020-01-01</span>
			</span>
			<span class="item2">
				<span class="item2_word">副卡姓名：</span>
				<span class="item2_input">王五</span>
			</span>

		</div>
		<template>
		  <el-tabs v-model="activeName" type="border-card">
		    <el-tab-pane label="个人资料" name="first">
		      <PersonMsgDetail>
		      </PersonMsgDetail>
		    </el-tab-pane>
		    <el-tab-pane label="直销员资料" name="six">
		      <ZxytMsg></ZxytMsg>
		    </el-tab-pane>
		    <el-tab-pane label="顾客资料" name="aaa">
		      <Customer></Customer>
		    </el-tab-pane>
        <el-tab-pane label="服务中心资料" name="third">
					<StoretMsg></StoretMsg>
        </el-tab-pane>
		    <el-tab-pane label="银行信息" name="second">
		      <Pay></Pay>
		    </el-tab-pane>
            <!-- <el-tab-pane label="销售明细" name="seventh">
                <SaleDetail></SaleDetail>
            </el-tab-pane> -->
            <el-tab-pane label="重要信息记录" name="ninth">
               <ImportantMsg></ImportantMsg>
            </el-tab-pane>
		  </el-tabs>
		</template>
		
	</div>
</template>
<script>
  import PersonMsgDetail from "./personMsgDetail"
  import Pay from "./pay"
  import SaleDetail from "./saleDetail"
  import ImportantMsg from "./importantMsg"
  import StoretMsg from "./storeMsg"
  import ZxytMsg from "./zxyMsg"
  import Customer from "./customer"
	export default{
		data(){
			return {
				activeName:"first",
				otherNum:"",
				personMsg:{},
				otherMsg:{}
				
			}
		},
		methods:{
			search(){
				
			}
		},
		components:{
	      	SaleDetail,
	      	PersonMsgDetail,
	      	Pay,
			ImportantMsg,
			StoretMsg,
			ZxytMsg,
			Customer
		},
		created(){
			console.log(this.otherMsg)
		}
	}
</script>
<style>
.memberMessage .top_msg{
	margin-top: 10px;
	margin-bottom: 20px;
	padding-left: 12px;
	width:1200px;
}
.memberMessage .excelBtn{
	float: right;
	margin-top: 20px;
}

.memberMessage .page{
  float: right;
  margin:20px 0;
}
</style>